﻿<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>中国历代皇帝</title>
    
    <!--<link href="schema.js" type="application/json" rel="exhibit/data" />-->
    <link href="chaodai.js" type="application/json" rel="exhibit/data" />
    
    <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"></script>
    <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js" type="text/javascript"></script>
    
    <!-- google map key for the simile web site -->
    <!--<script src="http://static.simile.mit.edu/exhibit/extensions-2.0/map/map-extension.js?gmapkey=ABQIAAAA5JLLfCE9c7HAtg25QM2KCRQtmVvwtG6TMOLiwecD59_rvdOkHxTAPhubLidYKS8G8qHrZGTBqAeJEg"></script>-->
    
    <!-- google map key for http://127.0.0.1:8888/ -->
    <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/map/map-extension.js?gmapkey=ABQIAAAANowuNonWJ4d9uRGbydnrrhREGtQZq9OFJfHndXhPP8gxXzlLARRSAIK_NOxPWcNPU-OIP9Qa_mmMPw" type="text/javascript"></script>
    
    <link rel='stylesheet' href='styles-2.css' type='text/css' />
</head>

<body>
    <table id="frame">
        <tr>
            <td id="sidebar">
                <h1>中国历代皇帝</h1>
              
                <div id="exhibit-browse-panel">
                    <b>Search:</b>
                    <div ex:role="facet" ex:facetClass="TextSearch"></div>
                    <hr/>
                    <div ex:role="facet" ex:expression=".chaodai" ex:facetLabel="朝代" ex:height="20em"></div>
                    <div ex:role="facet" ex:expression=".shoudu2" ex:facetLabel="首都" ex:height="10em"></div>
                </div>
            </td>
            <td id="content">
              
                <div class="item" ex:role="lens" style="display: none;">
                    <table cellpadding="10" width="100%">
                        <tr>
                            <td>
                                <span ex:content=".label" />
                                <div>称谓:<span ex:content=".label"></span></div>
								<div>朝代:<span ex:content=".chaodai"></span></div>
								<div>第<span ex:content=".presidency"></span>任皇帝</div>
                                <div>在位时间: <span ex:content=".birth"></span>到<span ex:content=".death"></span>年</div>
                                <div>首都古称: <span ex:content=".shoudu1"></span></div>
								<div>首都现称:<span ex:content=".shoudu2"></span></div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div ex:role="coordinator" id="president"></div>
                
                <div ex:role="view"
                    ex:viewClass="Timeline"
                    ex:label="Terms"
                    ex:start=".birth"
                    ex:end=".death"
                    ex:colorKey=".chaodai"
                    ex:bubbleWidth="320"
                    ex:topBandPixelsPerUnit="50"
                    ex:showSummary="false"
                    ex:timelineHeight="200"
					ex:topBandUnit="decade"
					ex:bottomBandUnit="century"
					ex:selectCoordinator="president"
                    >
                </div>
                    
                <div ex:role="viewPanel">
                    <div class="map-lens" ex:role="lens" style="display: none;">
                        <span ex:content=".label"></span><br/>
						<span ex:content=".chaodai"></span>第<span ex:content=".presidency"></span>任皇帝</br>
						在位时间: <span ex:content=".birth"></span>到<span ex:content=".death"></span>年</br>
                    </div>
                    <div ex:role="view"
                        ex:viewClass="Map"
                        ex:label="Birth Places with Photos"
                        ex:latlng=".loc"
                        ex:center="39.550000, 116.240000"
                        ex:zoom="4"
                        ex:bubbleWidth="200"
						ex:bubbleHeight="50"
                        ex:shapeWidth="20"
                        ex:shapeHeight="20"
                        ex:selectCoordinator="president"
                        >
                    </div>
                    
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
